﻿/*!
Theme Name: Designexo
Theme URI: https://themearile.com/designexo-theme/
Author: ThemeArile
Author URI: https://themearile.com
Description: Designexo is a fully modern and high-quality WordPress theme for creating architects and interior design websites. The theme perfectly suited for architecture, interior design, decoration, business, furniture, home decor, construction, corporate, agency, business promotion, industries, Beauty & spa salons, photography, gym, blog, travel agency and many other websites compatible, You will have lots of options to consider. As well as sophisticated plus it has some exotic features like customization and clean code, advanced typography, sticky menu, logo upload, header image, Bootstrap 4 framework, built with SEO in mind, and theme info area besides being Mobile ready, translation ready (WPML, Polylang) and it's built to be beautiful on all screen sizes. This theme supports the best Elementor page builder to create, edit and updates page designs as per the requirement. Designexo also supports popular free and premium WordPress plugins such as Elementor, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, Google Analytics and much more. Check the demo of Designexo Pro https://themearile.com/designexo-pro-theme/.
Version: 3.6
Tested up to: 5.7
Requires PHP: 5.6
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: designexo
Tags: one-column, two-columns, four-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Common - Begining Css
--------------------------------------------------*/

@charset "UTF-8";
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "宋体", "Arial";
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color: #ba292e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.poa {
	position: absolute;
}
.por {
	position: relative;
}
.hidden {
	display: none;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.ico {
	background: url(skin/images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
a {
	color: #434343;
	text-decoration: none;
}
a:hover {
	color: #06922e;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*top_main*/
.top_main {
	width: 100%;
	height: 37px;
	line-height: 38px;
	position: relative;
	z-index: 80;
	background-color: #f5f5f5;
	color: #666;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
}
.top_main li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.top_main .split {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #666;
	vertical-align: middle;
	margin: 0;
	margin-top: -2px;
}
.top_main li a {
	color: #666;
	cursor: pointer;
}
.top_main li a:hover {
	color: #06922e;
}
/*header_main*/
.header_main {
	width: 100%;
	height: 120px;
	z-index: 100;
	background: #fff;
}
.header_main .logo {
	display: block;
	margin-top: 20px;
}
.header_main .logo img {
	width: 100%;
	height: 100%;
	display: block;
	background: #06922e;
}
.header_main .tel {
	width: 300px;
	padding: 30px 0 0 0;
	line-height: 26px;
	margin-left: 30px;
}
.header_main .tel b {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
}
.header_main .tel span {
	color: #06922e;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	font-family: arial;
	display: inline-block;
}
.header_main .tel s {
	width: 57px;
	height: 57px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
.nav_main {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #06922e;
	position: relative;
	z-index: 3;
}
.nav .list {
	width: 102%;
	margin: 0 auto;
	height: 48px;
	line-height: 48px;
	position: relative;
}
.nav_main .nav {
	width: 1200px;
	margin: 0 auto;
}
.nav_main .nav li {
	float: left;
	width: 133px;
	height: 50px;
	line-height: 50px;
	display: block;
	position: relative;
	z-index: 10;
	font-size: 16px;
	border-right: 1px solid #ffae00;
	text-align: center;
}
.nav_main .nav li:first-child {
	border-left: 1px solid #ffae00;
	background: none;
}
.nav_main .nav li a {
	display: block;
	color: #fff;
	font-size: 16px;
}
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li.hover {
	background: #ffae00;
}
.nav_main .nav dl {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 12;
	border: 1px solid #ffae00;
	border-top: 0;
}
.nav_main .nav dl {
	position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
.nav_main .nav li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav_main .nav dl dd {
	line-height: 44px;
	height: 44px;
	text-align: left;
	position: relative;
	z-index: 12;
	display: block;
	width: 100%;
	border-top: 1px solid #ffae00;
}
.nav_main .nav dl dd:first-child {
	border: none;
}
.nav_main .nav dl dd a {
	color: #fff;
	font-size: 14px;
	padding: 0;
	width: 100%;
	background: #06922e;
	text-align: center;
}
/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
}
#banner_main .banner {
	height: 500px;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 500px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 42px;
	z-index: 3;
}
#banner .tip span {
	width: 16px;
	height: 16px;
	margin: 0 6px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background-position: -150px 0px;
}
#banner .tip span.cur {
	background-position: -130px 0px;
}
#banner #btn_prev, #banner #btn_next {
	width: 32px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 5;
}
#banner #btn_prev {
	background-position: -60px 0;
	left: 4%;
	transition: all 600ms ease;
}
#banner #btn_next {
	background-position: -92px 0;
	right: 4%;
	transition: all 600ms ease;
}
#banner #btn_prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 3.6%;
}
#banner #btn_next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	right: 3.6%;
}
/* search */
.announ_main {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #efefef;
}
.announ_main .announ_right {
	width: 285px;
	padding-top: 12px;
}
.announ_main .announ_right .search {
	width: 282px;
	height: 36px;
	line-height: 36px;
	background: none;
	position: relative;
	border: 1px solid #e5e5e5;
}
.announ_main .announ_right .search input {
	outline: none;
	border: 0 none;
	height: 36px;
	line-height: 36px;
}
.announ_main .announ_right .search .txt {
	width: 230px;
	background: none;
	padding-left: 15px;
	display: block;
	color: #999;
}
.announ_main .announ_right .search .btn {
	width: 50px;
	background: url(skin/images/sou.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	border-left: 1px solid #e5e5e5;
}
.announ_main .announ_left span {
	display: inline-block;
	color: #212121;
}
.announ_main .announ_left a {
	display: inline-block;
	color: #8d8d8d;
	padding: 0 10px 0 0;
}
.announ_main .announ_left a s {
	width: 1px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #e9e9e9;
	vertical-align: middle;
}
.announ_main .announ_left a:first-child s {
	display: none;
}
/*footer*/
.footer {
	width: 100%;
	color: #fff;
	padding-bottom: 48px;
	background: #2E3033;
	border-top: 8px solid #06922e;
}
.footer .links {
	padding: 0px 0px 85px 0px;
	font-size: 16px;
	border-bottom: 1px solid #1a1d21;
}
.footer .links span {
	color: #fff;
	display: inline-block;
}
.footer .links a {
	display: inline-block;
	font-size: 14px;
	color: #939393;
	padding-right: 10px;
}
.footer .links a:hover {
	color: #06922e;
}
.footer .bottom {
	border-top: 1px solid #464a50;
}
.footer .bNav {
	width: 558px;
	height: 180px;
	margin-top: 48px;
	border-right: 1px solid #1a1d21;
}
.footer .di_logo img {
	width: 111px;
	height: 111px;
	background-size: 100%;
}
.footer .bNav dl {
	display: inline-block;
	float: left;
	width: 139px;
	overflow: hidden;
	text-align: left;
	padding-top: 10px;
}
.footer .bNav dl dt {
	height: 16px;
	display: block;
	padding-bottom: 32px;
}
.footer .bNav dl dt a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 16px;
}
.footer .bNav dl dd {
	display: block;
	height: 30px;
	padding-bottom: 16px;
}
.footer .bNav dl dd a {
	display: block;
	font-size: 14px;
	color: #939393;
	line-height: 14px;
}
.footer .bNav dl dd a:hover {
	color: #06922e;
}
.footer .ewm {
	height: 180px;
	text-align: center;
	padding-left: 48px;
	margin-top: 48px;
	border-left: 1px solid #464a50;
}
.footer .ewm dl {
	width: 140px;
	float: left;
	display: block;
	margin-right: 30px;
	margin-top: 10px;
	height: 164px;
}
.footer .ewm dl:nth-child(2) {
	margin-right: 0px;
}
.footer .ewm dl:first-child+dl {
	margin-right: 0px;
}
.footer .ewm dl dt {
	width: 140px;
	height: 140px;
	background-color: #fff;
	text-align: center;
}
.footer .ewm dl dt img {
	width: 130px;
	height: 130px;
	display: inline-block;
	background-size: 100%;
	margin-top: 5px;
}
.footer .ewm dl dd {
	font-size: 14px;
	color: #939393;
	line-height: 24px;
	padding-top: 5px;
}
.footer .contact_info {
	width: 345px;
	height: 180px;
	padding-left: 75px;
	border-right: 1px solid #1a1d21;
	border-left: 1px solid #464a50;
	margin-top: 48px;
}
.footer .contact_info p.p1 {
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	padding-top: 10px;
}
.footer .contact_info p.dh {
	font-size: 36px;
	color: #06922e;
	font-family: "Arial";
	line-height: 36px;
	padding-top: 4px;
	font-weight: bold;
	padding-bottom: 12px;
}
.footer .contact_info h3 {
	font-size: 20px;
	padding-top: 8px;
}
.footer .contact_info p.tel {
	font-size: 14px;
	color: #939393;
	line-height: 22px;
	width: 270px;
}
.footer .contact_info i {
	display: block;
	padding-top: 8px;
	font-size: 14px;
	color: #fff;
}
.footer .contact_info i a {
	display: inline-block;
	color: #fff;
	padding-right: 12px;
}
/*copyright*/
.copyright {
	height: 50px;
	line-height: 50px;
	color: #666;
	font-size: 12px;
	background: #27292B;
}
.copyright p {
	color: #939393;
}
.copyright span {
	margin: 0 6px;
}
.copyright a {
	color: #939393;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.copyright a:hover {
	color: #06922e;
}
/*******index css*******/
.indexTit {
	color: #06922e;
	overflow: hidden;
	text-align: center;
	padding: 30px 0 56px;
}
.indexTit .en {
	text-transform: uppercase;
	line-height: 35px;
	font-family: didot;
	font-size: 24px;
}
.indexTit h3 {
	font-size: 24px;
	color: #835026;
}
.index .in_title {
	padding-top: 40px;
	padding-bottom: 10px;
}
.index .in_title .entit {
	position: relative;
	width: 540px;
	margin: auto;
	font-size: 48px;
	line-height: 40px;
	font-weight: bold;
	color: #06922e;
	text-align: center;
	margin-bottom: 10px;
}
.index .in_title .tit {
	margin: 0 auto;
	font-size: 26px;
	line-height: 40px;
	text-align: center;
	color: #434343;
}
.index .in_title .tit span {
	display: inline-block;
	margin: 0 30px;
}
.index .in_title .tit em {
	display: inline-block;
	width: 225px;
	height: 1px;
	margin-bottom: 8px;
	background: #cecece;
}
.index .tab {
	text-align: center;
	padding-top: 30px;
}
.index .tab a {
	padding: 0 16px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 16px;
	display: inline-block;
	margin: 10px;
	color: #666;
}
.index .tab a:hover {
	color: #fff;
	background: #06922e;
	border-color: #06922e;
}
.index .more {
	margin-top: 40px;
}
.index .more .line {
	display: block;
	width: 500px;
	height: 1px;
	margin-top: 24px;
	background: #ccc;
}
.index .more .look_more {
	display: block;
	width: 198px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #ccc;
	transition: all .5s;
}
.index .more .look_more:hover {
	background: #06922e;
	color: #fff;
	transition: all .5s;
	border: 1px solid #06922e;
}
.index #floor_1_main {
	padding-bottom: 45px;
}
#floor_1_main .about {
	padding-top: 40px;
}
#floor_1_main .about .item {
	display: block;
	width: 475px;
	height: 350px;
}
#floor_1_main .about img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
#floor_1_main .about img:hover {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
#floor_1_main .contW {
	position: relative;
	display: block;
	width: 700px;
	height: 350px;
	background: #fff;
}
#floor_1_main .contW .cont {
	width: 100%;
	height: 280px;
	font-size: 16px;
	color: #666;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 30px;
	overflow: hidden;
}
#floor_1_main .contW .view_detail a {
	display: block;
	height: 43px;
	font-size: 16px;
	line-height: 43px;
	padding: 0 38px;
	text-align: center;
	color: #434343;
	margin-left: 20px;
	background: #fff;
	border: 1px solid #b7b7b7;
}
#floor_1_main .contW .view_detail a:hover {
	color: #fff;
	background: #06922e;
	border-color: #06922e;
	transition: all .5s;
}
#floor_2_main {
	background: #fff;
}
#floor_2_main .floor_2 {
	padding-bottom: 80px;
}
#floor_2_main .floor_2 .title {
}
#floor_2_main .proCenter .list {
	width: 100%;
	margin-top: 28px;
}
#floor_2_main .proCenter .list li {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #f0f0f0;
	transition: all .5s;
}
#floor_2_main .proCenter .list li:nth-child(4n) {
	margin-right: 0;
}
#floor_2_main .proCenter .list li a {
	display: block;
}
#floor_2_main .proCenter .list li img {
	width: 283px;
	height: 189px;
}
#floor_2_main .proCenter .list li .tit {
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}
#floor_2_main .proCenter .list li:first-child {
	margin-left: 0px;
}
#floor_2_main .proCenter .list li .tit {
	color: #434343;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#floor_2_main .proCenter .list li:hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
	border-color: #06922e;
	background: #06922e;
	transform: translateY(-5px);
}
#floor_2_main .proCenter .list li:hover .tit {
	color: #fff;
}
#floor_2_main .proCenter .list li:hover img {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
/*slip*/
.index_slip1 {
	width: 100%;
	height: 200px;
	background: url(skin/images/ixbannerbg.png) no-repeat center center;
}
.index_slip1 .w1200 {
	height: 200px;
}
.index_slip1 .img {
	width: 384px;
	height: 280px;
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0;
}
.index_slip1 .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.index_slip1 .slip_tit {
	padding-left: 465px;
	width: 735px;
}
.index_slip1 .slip_tit .tit1 {
	padding-top: 20px;
	font-size: 46px;
	line-height: 50px;
	color: #fff;
	letter-spacing: 3px;
}
.index_slip1 .slip_tit .tit1 b {
	color: #f6ff00;
}
.index_slip1 .slip_tit .tit2 {
	margin-top: 15px;
	font-size: 46px;
	line-height: 50px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 3px;
}
.index_slip1 .slip_tit .tit3 {
	display: inline-block;
	margin-top: 20px;
	font-size: 20px;
	color: #fff;
}
.index_slip1 .slip_tit .tit3 b {
	font-size: 26px;
	font-weight: bold;
}
.index_slip2 {
	width: 100%;
	height: 200px;
	background: url(skin/images/ixbannerbg.png) no-repeat center center;
}
.index_slip2 .w1200 {
	height: 200px;
}
.index_slip2 .img {
	width: 280px;
	height: 180px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.index_slip2 .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.index_slip2 .slip_tit {
	padding-left: 440px;
	width: 760px;
	text-align: center;
}
.index_slip2 .slip_tit .tit1 {
	padding-top: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	color: #fff;
}
.index_slip2 .slip_tit .tit1 b {
	color: #f6ff00;
}
.index_slip2 .slip_tit .tit2 {
	margin-top: 10px;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
}
.index_slip2 .slip_tit .tit3 {
	display: inline-block;
	margin-top: 10px;
	font-size: 20px;
	color: #fff;
}
.index_slip2 .slip_tit .tit3 b {
	font-size: 26px;
	font-weight: bold;
}
/*产品优势*/
#floor_3_main {
	background: #fff;
}
#floor_3_main .in_title3 {
	position: relative;
	width: 100%;
	height: 140px;
}
#floor_3_main .in_title3 .bg {
	width: 1200px;
	height: 60px;
	margin-top: 50px;
	border: 3px solid #d9d9d9;
	box-sizing: border-box;
}
#floor_3_main .in_title3 p {
	position: absolute;
	width: 845px;
	top: -18px;
	left: 125px;
	height: 50px;
}
#floor_3_main .in_title3 .p1 {
	color: #413F40;
	font-size: 24px;
	padding: 0 5px;
	background-color: #FFFFFF;
}
#floor_3_main .in_title3 .p2 {
	font-size: 40px;
	color: #B1B1B1;
	padding-right: 10px;
	background-color: #FFFFFF;
}
#floor_3_main .in_title3 .p3 {
	position: absolute;
	font-size: 50px;
	color: #06922e;
	line-height: 1.0;
	height: 58px;
	width: 700px;
	font-weight: bold;
	display: block;
	top: 29px;
	left: 35px;
	text-align: center;
	background-color: #FFFFFF;
}
#floor_3_main .proAdvant {
	margin-top: 0;
}
#floor_3_main .proAdvant .list {
	width: 100%;
}
#floor_3_main .proAdvant .list li {
	width: 100%;
	margin-bottom: 20px;
}
#floor_3_main .proAdvant .list li a {
	display: block;
}
#floor_3_main .proAdvant .list li .img {
	width: 530px;
	height: 300px;
	margin-left: 0;
	margin-right: 20px;
}
#floor_3_main .proAdvant .list li:nth-child(2n) .img {
	margin-left: 20px;
	margin-right: 0;
}
#floor_3_main .proAdvant .list li .title {
	width: 650px;
}
#floor_3_main .proAdvant .list li .title .shu {
	border-bottom: 1px dashed #b2b2b2;
	padding-bottom: 20px;
	text-align: center;
}
#floor_3_main .proAdvant .list li .title .shu span {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #06922e;
	border-radius: 10px;
	color: #fff;
	font-size: 46px;
	line-height: 60px;
}
#floor_3_main .proAdvant .list li .tit {
	font-size: 28px;
	color: #06922e;
	line-height: 1.5;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
}
#floor_3_main .proAdvant .list li .cont {
	font-size: 16px;
	color: #666;
	padding-top: 20px;
	text-align: justify;
}
/*工程案例*/
#floor_4_main {
	padding-bottom: 30px;
	background: #f4f4f4;
}
#floor_4_main .floor_4 {
}
#floor_4_main .proCase {
	position: relative;
	margin-top: 30px;
}
#floor_4_main .proCase .list {
	width: 100%;
}
#floor_4_main .proCase .list li {
	position: relative;
	display: block;
	float: left;
	margin: 0 12px;
	transition: all ease 600ms;
}
#floor_4_main .proCase .list li a {
	display: block;
}
#floor_4_main .proCase .list li a img {
	display: block;
	width: 380px;
	height: 285px;
	transition: all ease 600ms;
}
#floor_4_main .proCase .list li .title {
}
#floor_4_main .proCase .list li .tit {
	font-size: 16px;
	line-height: 40px;
	color: #666;
	text-align: center;
}
#floor_4_main .proCase .list li:hover {
	transition: all ease 600ms;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
#floor_4_main .proCase .list li:hover img {
	opacity: 0.8;
}
#floor_4_main .proCase .hd {
	position: absolute;
	width: 100%;
}
#floor_4_main .proCase .hd .prev {
	width: 42px;
	height: 42px;
	background-position: 0px -60px;
	cursor: pointer;
	position: absolute;
	top: -201px;
	left: -80px;
}
#floor_4_main .proCase .hd .next {
	width: 42px;
	height: 42px;
	background-position: -126px -60px;
	cursor: pointer;
	position: absolute;
	top: -200px;
	right: -80px;
}
#floor_4_main .proCase .hd .prev:hover {
	background-position: -42px -60px;
}
#floor_4_main .proCase .hd .next:hover {
	background-position: -84px -60px;
}
/*新闻中心*/
#floor_5_main .floor_5 {
	padding-bottom: 30px;
}
#floor_5_main .title {
	width: 100%;
	height: 27px;
	line-height: 27px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding: 0px;
}
#floor_5_main .title h3 {
	font-size: 20px;
	font-weight: bold;
	color: #06922e;
}
#floor_5_main .title h3 s {
	width: 4px;
	height: 22px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	background: #06922e;
}
#floor_5_main .title a {
	color: #575757;
	margin-right: 10px;
	margin-top: 0;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
#floor_5_main .title a:hover {
	margin-right: 0;
}
#floor_5_main .imgleft {
	width: 410px;
	height: 307px;
	float: left;
	margin-top: 12px;
	overflow: hidden;
	position: relative;
}
#floor_5_main .imgleft .item {
	width: 410px;
	height: 307px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	z-index: 9999;
}
#floor_5_main .imgleft .item a {
	width: 100%;
	display: block;
}
#floor_5_main .imgleft .item img {
	width: 410px;
	height: 307px;
	transition: all .5s;
	display: block;
}
#floor_5_main .imgleft .item .txtcon {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
}
#floor_5_main .imgleft .item .txtcon h3 {
	font-size: 14px;
	line-height: 35px;
	text-align: center;
}
#floor_5_main .imgleft .item:hover img {
	filter: brightness(105%);
}
#floor_5_main .imgleft .hd {
	position: absolute;
	top: 0;
	width: 100%;
	height: 307px;
}
#floor_5_main .imgleft .hd .prev {
	width: 27px;
	height: 60px;
	background-position: -52px -103px;
	background-color: rgba(0,0,0,0.49);
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 0;
	z-index: 9999;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#floor_5_main .imgleft .hd .next {
	width: 27px;
	height: 60px;
	background-position: -77px -103px;
	background-color: rgba(0,0,0,0.49);
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	right: 0;
	z-index: 9999;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#floor_5_main .imgleft .hd .prev:hover {
	background-color: rgba(220, 0, 0 ,0.49);
}
#floor_5_main .imgleft .hd .next:hover {
	background-color: rgba(220, 0, 0 ,0.49);
}
#floor_5_main .newslist {
	line-height: 55px;
}
#floor_5_main .newslist li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-bottom: 1px dashed #eee;
}
#floor_5_main .newslist li a {
	width: 100%;
	color: #575757;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
#floor_5_main .newslist li a:hover {
	color: #06922e;
}
#floor_5_main .newslist li .time {
	color: #575757;
	float: right;
	font-weight: normal;
}
#floor_5_main .inews1 {
	width: 780px;
	float: left;
}
#floor_5_main .inews1 .newslist {
	width: 350px;
}
#floor_5_main .inews2 {
	width: 350px;
    float: right;
    margin: 0px 24px;
}
/*服务流程*/
#floor_6_main {
	padding-bottom: 45px;
}
#floor_6_main .proAdvant {
	margin-top: 30px;
}
#floor_6_main .proAdvant .list {
	width: 100%;
}
#floor_6_main .proAdvant .list li {
	float: left;
	width: 150px;
	text-align: center;
	cursor: pointer;
}
#floor_6_main .proAdvant .list li a {
	display: block;
}
#floor_6_main .proAdvant .list li .img {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 110px;
	margin: 0 auto;
	border: 5px solid #666;
	border-radius: 50%;
	transition: all .5s;
}
#floor_6_main .proAdvant .list li .img img {
	position: absolute;
	top: 50%;
	margin-top: -32.5px;
	left: 50%;
	margin-left: -32.5px;
	display: inline-block;
	width: 65px;
	height: 65px;
	transition: all .5s;
}
#floor_6_main .proAdvant .list li:hover .img img {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#floor_6_main .proAdvant .list li .title {
}
#floor_6_main .proAdvant .list li .tit {
	font-size: 16px;
	line-height: 32px;
	color: #666;
}
/*企业相册*/
#floor_7_main {
	padding-bottom: 20px;
}
#floor_7_main .floor_7 {
}
#floor_7_main .proCase {
	position: relative;
	margin-top: 30px;
}
#floor_7_main .proCase .list {
	width: 100%;
}
#floor_7_main .proCase .list li {
	position: relative;
	display: block;
	float: left;
	margin: 0 6px;
	transition: all ease 600ms;
}
#floor_7_main .proCase .list li a {
	display: block;
}
#floor_7_main .proCase .list li a img {
	display: block;
	width: 288px;
	height: 216px;
	transition: all ease 600ms;
}
#floor_7_main .proCase .list li .title {
}
#floor_7_main .proCase .list li .tit {
	font-size: 16px;
	line-height: 40px;
	color: #666;
	text-align: center;
}
#floor_7_main .proCase .list li:hover img {
	opacity: 0.8;
}
#floor_7_main .proCase .hd {
	position: absolute;
	width: 100%;
}
#floor_7_main .proCase .hd .prev {
	width: 42px;
	height: 42px;
	background-position: 0px -60px;
	cursor: pointer;
	position: absolute;
	top: -169px;
	left: -80px;
}
#floor_7_main .proCase .hd .next {
	width: 42px;
	height: 42px;
	background-position: -126px -60px;
	cursor: pointer;
	position: absolute;
	top: -200px;
	right: -80px;
}
#floor_7_main .proCase .hd .prev:hover {
	background-position: -42px -60px;
}
#floor_7_main .proCase .hd .next:hover {
	background-position: -84px -60px;
}
/*合作客户*/
#floor_8_main {
	padding-bottom: 0;
}
#floor_8_main .floor_8 {
}
#floor_8_main .in_title8 {
	position: relative;
	width: 100%;
	padding-top: 20px;
	text-align: center;
}
#floor_8_main .in_title8 .p1 {
	font-size: 78px;
	color: #dedede;
	line-height: 1.0;
	height: 77px;
	display: block;
}
#floor_8_main .in_title8 .p2 {
	font-size: 35px;
	color: #000;
	line-height: 1.0;
	height: 40px;
	font-weight: bold;
	display: block;
}
#floor_8_main .in_title8 .p3 {
	font-size: 19px;
	color: #666;
	line-height: 1.0;
	height: 28px;
	display: block;
}
#floor_8_main .proCase {
	position: relative;
	margin-top: 30px;
}
#floor_8_main .proCase .list {
	width: 100%;
}
#floor_8_main .proCase .list li {
	position: relative;
	display: block;
	float: left;
	padding: 0 10px;
	transition: all ease 600ms;
}
#floor_8_main .proCase .list li a {
	display: block;
}
#floor_8_main .proCase .list li a img {
	display: block;
	width: 180px;
	height: 141px;
}
#floor_8_main .proCase .hd {
	position: absolute;
	width: 100%;
}
#floor_8_main .proCase .hd .prev {
	width: 27px;
	height: 60px;
	background-position: -52px -103px;
	background-color: rgba(0,0,0,0.49);
	cursor: pointer;
	position: absolute;
	top: -100px;
	left: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#floor_8_main .proCase .hd .next {
	width: 27px;
	height: 60px;
	background-position: -77px -103px;
	background-color: rgba(0,0,0,0.49);
	cursor: pointer;
	position: absolute;
	top: -100px;
	right: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#floor_8_main .proCase .hd .prev:hover {
	background-color: rgba(220, 0, 0 ,0.49);
}
#floor_8_main .proCase .hd .next:hover {
	background-color: rgba(220, 0, 0 ,0.49);
}
/*******内页样式********/
.nybanner {
	width: 100%;
	height: 432px;
	overflow: hidden;
	position: relative;
}
.nybanner img {
	width: 1920px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
.submian {
	padding-bottom: 20px;
}
.submian .sobtitle {
	height: 30px;
	line-height: 30px;
	padding: 10px 0px 30px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #f1f1f1;
}
.submian .sobtitle s {
	width: 14px;
	height: 14px;
	margin-right: 10px;
	background-position: -129px -30px;
}
.submian .sobtitle a {
	font-size: 14px;
	color: #666;
}
.submian .sobtitle a:hover {
	color: #06922e;
}
.submian .sobtitle a.now {
	color: #06922e;
	font-size: 14px;
	font-weight: bold;
}
.submian .sobtitle a.now:hover {
	text-decoration: underline;
}
.submian .subleft {
	width: 245px;
}
.submian .subleft .title {
	background: #06922e;
	height: 60px;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
}
.submian .subleft .title h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.submian .subleft .title i {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.submian .subleft .bort9 {
	border-top: 9px solid #007eb9;
	border-radius: 5px 5px 0px 0px;
}
.submian .subleft .bor9 {
	border-bottom: 9px solid #eaeaea;
}
.submian .subleft .lefta {
	width: 245px;
	margin-bottom: 10px;
}
.submian .subleft .lefta .comt {
	background: #fff;
}
.submian .subleft .lefta .comt ul {
	border: 1px solid #ddd;
	border-top: 0;
}
.submian .subleft .lefta .comt ul li a {
	background: #fff url(skin/images/tb9.png) 15px center no-repeat;
	border-top: 1px solid #eaeaea;
	line-height: 50px;
	height: 50px;
	display: block;
	padding-left: 35px;
	font-size: 14px;
}
.submian .subleft .lefta .comt ul li .box {
	padding: 10px 0px;
	display: none;
}
.submian .subleft .lefta .comt ul li .box a {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #888;
	border: 0px;
}
.submian .subleft .lefta .comt ul li .box a:hover {
	color: #007eb9;
	background: none;
}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {
	background: #fff url(skin/images/tb11.png) 15px center no-repeat;
	color: #06922e;
}
.submian .subleft .lefta .comt ul li.hover a {
	background: #ffffff url(skin/images/tb11.png) 15px center no-repeat;
	color: #06922e;
}
.submian .subleft .lefta .comt ul li.hover .box a {
	background: none;
	font-weight: normal;
}
.submian .subleft .lefta .comt ul li.hover .box a.hover {
	color: #007eb9;
	font-weight: bold;
}
.submian .subleft .lefta .comt1 ul li a {
	background: #fff url(skin/images/jia.png) 213px center no-repeat;
	border-top: 1px solid #eaeaea;
	line-height: 60px;
	height: 60px;
	display: block;
	padding-left: 25px;
	font-size: 14px;
}
.submian .subleft .lefta .comt1 ul li .box {
	padding: 10px 0px;
	display: none;
}
.submian .subleft .lefta .comt1 ul li .box a {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #888;
	border: 0px;
}
.submian .subleft .lefta .comt1 ul li .box a:hover {
	color: #007eb9;
	background: none;
}
.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a {
	background: #06922e url(skin/images/jia1.png) 213px center no-repeat;
	font-weight: bold;
	color: #fff
}
.submian .subleft .lefta .comt1 ul li.hover a {
	background: #06922e url(skin/images/jian.png) 213px center no-repeat;
	font-weight: bold;
	color: #fff
}
.submian .subleft .lefta .comt ul li .boxlist {
	padding: 0;
	display: none;
	border: 0;
	border-top: 1px solid #ddd;
}
.submian .subleft .lefta .comt ul li .boxlist li {
	line-height: 50px;
}
.submian .subleft .lefta .comt ul li .boxlist li a {
	height: 40px;
	padding-left: 35px;
	color: #333;
	font-weight: normal;
	border-bottom: 0;
	line-height: 40px;
	background: #f6f6f6 url(skin/images/tb12.png) 17px center no-repeat;
	border-top: none;
}
.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {
	color: #06922e;
}
.submian .subleft .lefta .comt ul li.hover .boxlist {
	display: block;
}
.map_ul {
	list-style: outside none none;
	display: block;
	width: 100%;
	padding-top: 10px;
}
.map_ul li {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DCDBDB;
	margin-left: 10px;
	float: left;
}
.map_ul li a {
	font-size: 14px;
	float: left;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-weight: bold;
}
.map_ul .list-inline {
	display: block;
	margin-left: 14%;
	width: 80%;
	min-height: 30px;
}
.map_ul .list-inline a {
	font-weight: normal;
	width: auto;
	float: none;
	line-height: 32px;
	height: 32px;
	margin: 0 10px 10px 0;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0px 10px;
}
.map_ul .list-inline a:hover {
	background: #06922e;
	color: #fff;
}
.submian .subleft .adv {
	margin-bottom: 10px;
	background: #000;
}
.submian .subleft .adv a img {
	display: block;
	width: 100%;
}
.submian .subleft .adv a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}
.submian .subleft .leftnews {
	margin-bottom: 10px;
}
.submian .subleft .leftnews .title {
	height: 60px;
}
.submian .subleft .leftnews .leftnewscomt {
	background: #fff;
	padding: 10px;
}
.submian .subleft .leftnews .leftnewscomt ul li {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #f2f2f2;
	overflow: hidden;
}
.submian .subleft .leftnews .leftnewscomt ul li a {
	font-size: 14px;
	display: block;
	padding-left: 10px;
}
.submian .subleft .leftnews .leftcont {
	background: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	border-top: 0;
}
.submian .subleft .leftnews .leftcont h2 {
	font-size: 16px;
	font-weight: bold;
	color: #06922e;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
}
.submian .subleft .leftnews .leftcont p {
	line-height: 24px;
	font-size: 14px;
	padding-top: 10px;
	display: block;
}
.submian .subright {
	width: 930px;
	padding-bottom: 0;
	line-height: 28px;
}
.submian .subright .aboutlist {
	color: #666;
}
.submian .subright img {
	max-width: 920px;
}
.submian .subright .newslist .textlist li {
	padding: 25px 0px 25px;
	height: 110px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-bottom: 25px;
}
.submian .subright .newslist .textlist li a {
	display: block;
	cursor: pointer;
}
.submian .subright .newslist ul li a img {
	width: 147px;
	float: left;
	margin-right: 18px;
	border: 1px solid #eee;
	height: 110px;
	display: block;
}
.submian .subright .newslist ul li a .txt {
	color: #888;
	line-height: 24px;
	font-size: 12px;
}
.submian .subright .newslist .textlist li a p {
	height: 40px;
	line-height: 40px;
}
.submian .subright .newslist .textlist li a b {
	color: #06922e;
	font-size: 14px;
}
.submian .subright .newslist .textlist li a:hover b {
	color: #06922e;
}
.submian .subright .newslist .textlist li a i {
	color: #999;
	display: block;
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 12px;
}
.submian .subright .newslist .textlist li a span {
	line-height: 22px;
	max-height: 66px;
	overflow: hidden;
	display: block;
	color: #666;
}
.submian .subright .newslist .textlist2 li {
	height: 40px;
	line-height: 40px;
}
.submian .subright .newslist .textlist2 li a {
	display: block;
}
.submian .subright .newslist .textlist2 li s {
	width: 4px;
	height: 4px;
	display: inline-block;
	vertical-align: middle;
	background: #007eb9;
	margin-right: 10px;
	border-radius: 100%;
}
.submian .subright .newslist ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.submian .subright .newslist ul li a:hover p b {
	text-decoration: underline;
}
.submian .subright .newslist ul li a:hover span {
	color: #777;
}
.submian .subright .caselist ul li {
	padding: 20px 0px;
	border-bottom: 1px dotted #c2c2c2;
	height: 176px;
}
.submian .subright .caselist ul li a {
	display: block;
}
.submian .subright .caselist ul li a img {
	width: 220px;
	height: 162px;
	display: block;
	border: 7px solid #e2e2e2;
}
.submian .subright .caselist ul li a .txt {
	width: 470px;
	float: left;
	padding-left: 20px;
}
.submian .subright .caselist ul li a .txt p {
	height: 40px;
	line-height: 40px;
	color: #007eb9;
	font-size: 14px;
	font-weight: bold;
}
.submian .subright .caselist ul li a .txt i {
	color: #666;
	padding-bottom: 10px;
	display: block;
}
.submian .subright .caselist ul li a .txt span {
	line-height: 22px;
	height: 88px;
	overflow: hidden;
	display: block;
	color: #666;
}
.submian .subright .caselist ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	border-color: #007eb9;
}
.submian .subright .caselist ul li a:hover p {
	text-decoration: underline;
}
.submian .subright .caselist ul li a:hover span {
	color: #777;
}
.submian .subright .mess {
	background: #fff;
	padding: 0px 40px 30px;
	width: 596px;
	margin-left: 80px;
}
.submian .subright .mess h1 {
	text-align: center;
	font-size: 30px;
	padding-bottom: 10px;
}
.submian .subright .mess p {
	text-align: center;
	padding-bottom: 30px;
}
.submian .subright .mess .left {
}
.submian .subright .mess .left li {
	margin-bottom: 15px;
	float: left;
	margin-right: 10px;
}
.submian .subright .mess .left label {
	width: 150px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: none;
	color: #06922e;
	font-size: 16px;
	float: left;
	border-radius: 3px 0 0 3px;
	border: 1px solid #06922e;
}
.submian .subright .mess .left input {
	border: 1px solid #ccc;
	border-left: none;
	float: left;
	height: 21px;
	line-height: 21px;
	padding: 11px 10px;
	width: 404px;
	color: #666;
	border-radius: 0px 3px 3px 0;
	outline: none;
}
.submian .subright .mess .left select {
	border: 1px solid #ccc;
	border-left: none;
	float: left;
	height: 45px;
	line-height: 45px;
	width: 424px;
	color: #666;
	border-radius: 0px 3px 3px 0;
	outline: none;
	text-indent: 10px;
}
.submian .subright .mess .right {
	float: left;
	width: 585px;
	padding-top: 10px;
*padding-top:20px;
}
.submian .subright .mess .right input, .submian .subright .mess .right a {
	width: 40%;
	margin-right: 2%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	border: none;
	background: #06922e;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	cursor: pointer;
	transition: ease-in-out .2s;
	float: left
}
.submian .subright .mess .right a {
	color: #333;
	background: #ffcc00;
	float: right
}
.submian .subright .mess .right a:hover {
	background: #cda503;
}
.submian .subright .mess .right input:hover {
	background: #2bba72;
}
.honorlist ul.list {
	float: left;
	width: 100%;
	padding-left: 0px;
}
.honorlist ul.list li.item {
	float: left;
	width: 296px;
	margin-bottom: 30px;
	margin-right: 14px;
	border: 1px solid #ddd;
}
.honorlist ul.list li.item a:hover span {
	color: #fff;
}
.honorlist ul.list li.item span {
	width: 100%;
	height: 45px;
	color: #555;
	text-align: center;
	display: block;
	line-height: 45px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.honorlist ul.list li.item img {
	width: 100%;
	display: block;
}
.list_imgH ul.list li.item {
	width: 287px;
	margin-right: 23px;
}
.list_imgH ul.list li.item a {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.list_imgH ul.list li.item a:hover {
	background: #06922e;
}
.list_imgH ul.list li.item img {
	display: block;
	width: 287px;
	height: 215px;
}
.item_mask {
	width: 287px;
	height: 215px;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom:1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}
.item_link_icon {
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	background-position: 0px -105px;
	line-height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom:1;
}
.list_imgH ul.list li.item:hover .item_mask {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}
.list_imgH ul.list li.item:hover .item_link_icon {
	transform: translateY(-21px);
	opacity: 1;
	filter: Alpha(opacity=100);
}
.submian .t {
	padding: 0 0 25px;
	color: #06922e;
	font-size: 18px;
}
.submian .t2 {
	padding-bottom: 30px;
	color: #06922e;
	font-size: 24px;
}
/* formData */
.formData {
	padding-bottom: 20px;
}
.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 420px;
	height: 56px;
	line-height: 56px;
	border: 1px solid #e4e4e4;
	margin-right: 76px;
	margin-bottom: 45px;
	position: relative;
}
.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	color: #666;
}
.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px;
}
.formData .item .txt {
	width: 350px;
	height: 56px;
	line-height: 56px;
	display: block;
	background: none;
	padding-left: 70px;
	border: 0 none;
	color: #666;
}
.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11;
}
.formData .item.mr0 {
	margin-right: 0;
}
.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px;
}
.formData .liuyan {
	width: 918px;
	height: 260px;
	border: 1px solid #e4e4e4;
	float: left;
}
.formData .liuyan label {
	text-align: right;
	display: block;
}
.formData .liuyan textarea {
	width: 908px;
	height: 234px;
	line-height: 35px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none;
}
.formData .bot {
	width: 100%;
}
.formData .sub {
	width: 232px;
	line-height: 52px;
	border: 2px solid #06922e;
	margin-right: 2px;
	text-align: center;
	background: #06922e;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.formData .sub:hover {
	background: none;
	color: #06922e;
}
.formData .yzm .txt {
	padding-left: 80px;
}
.formData .yzm img {
	position: absolute;
	right: 0;
	top: 0;
	height: 56px;
	border: 0px;
	display: block;
}
/** 新闻中心 **/
.submian .subright .thumblist {
}
.submian .subright .thumblist .list {
	padding-bottom: 20px;
}
.submian .subright .thumblist .item {
	width: 920px;
	border-bottom: 1px solid #eaeaea;
	display: block;
	padding: 20px;
	transition: all .5s;
}
.submian .subright .thumblist .item a {
	display: block;
}
.submian .subright .thumblist .item .img {
	position: relative;
	width: 180px;
	height: 135px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
.submian .subright .thumblist .item img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.submian .subright .thumblist .item a:hover img {
	transform: scale(1.1, 1.1);
}
.submian .subright .thumblist .item .txt {
	width: 680px;
	cursor: pointer;
}
.submian .subright .thumblist .item .txt h3 {
	font-size: 16px;
	line-height: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.submian .subright .thumblist .item .txt .mark {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	padding: 0;
}
.submian .subright .thumblist .item .txt .mark span {
	display: inline-block;
	padding-right: 18px;
}
.submian .subright .thumblist .item .txt p {
	color: #666;
	line-height: 25px;
}
.submian .subright .thumblist .item .txt p span {
	display: inline-block;
	color: #06922e;
	padding-left: 10px;
}
.submian .subright .thumblist .item a:hover .txt h3 {
	color: #06922e;
}
.submian .subright .thumblist .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.reLink {
	height: 38px;
	border: 1px solid #ddd;
	margin: 10px auto 10px;
	padding: 0px 10px;
}
.reLink .prevLink, .reLink .nextLink {
	height: 38px;
	line-height: 38px;
	color: #666;
}
.reLink .prevLink a, .reLink .nextLink a {
	height: 38px;
	line-height: 38px;
	color: #666;
}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {
	color: #06922e;
}
.reLink .prevLink {
	float: left;
}
.reLink .nextLink {
	float: right;
}
.submian .subright .conBox .ArticleTitle h1 {
	font-size: 24px;
	text-align: center;
	padding: 20px 0px;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
}
.submian .subright .conBox .ArticleMessage {
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.submian .subright .conBox .ArticleMessage span:first-child {
	margin-left: 0;
}
.submian .subright .conBox .ArticleMessage span {
	color: #999;
	margin-left: 14px;
	font-size: 12px;
}
.submian .subright .conBox .ArticleMessage .jiathis_style {
	float: left;
	margin-top: 5px;
}
.submian .subright .conBox .ArticleTencont {
	padding: 5px 0px 20px 0px;
	line-height: 28px;
	overflow: hidden;
	color: #666;
	font-size: 14px;
}
.submian .subright .showproduct .ArticleTencont img {
	max-width: 100%;
}
.submian .subright .conBox .ArticleTencont img {
	max-width: 100%;
}
.field_down {
	text-align: left;
}
.field_down a {
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #0267ac;
	color: #fff;
	display: block;
	text-align: center;
}
/***********index css end***********/
.toolbar {
	width: 52px;
	position: fixed;
	right: 1%;
	top: 44%;
	z-index: 999;
}
.toolbar dd {
	width: 51px;
	height: 51px;
	margin-bottom: 1px;
	position: relative;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 4px;
	border: #ebebeb solid 1px;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 8px 0 0 8px;
	background: url(skin/images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 53px;
	top: -1px;
	right: -2px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -65px;
	background: #06922e;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 52px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: -35px -47px;
}
.toolbar .qq a {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background-color: #06922e;
	border-radius: 100%;
}
.toolbar .qq:hover span {
	background-position: 0 -47px;
}
.toolbar .tel span {
	background-position: -35px 0;
}
.toolbar .tel:hover {
	background: #06922e;
}
.toolbar .tel:hover span {
	background-position: 0 0;
}
.toolbar .code span {
	background-position: -35px -95px;
}
.toolbar .code:hover {
	background-color: #06922e;
	border-radius: 100%;
}
.toolbar .code:hover span {
	background-position: 0 -95px;
}
.toolbar .top span {
	background-position: -35px -142px;
}
.toolbar .top:hover {
	background-color: #06922e;
	border-radius: 100%;
}
.toolbar .top:hover span {
	background-position: 0 -142px;
}
.toolbar dd:hover {
}
.subright .searchList {
	border-top: 1px solid #ddd;
}
.subright .searchList li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.subright .searchList li:first-child {
	border-top: none;
}
.subright .searchList li:hover a h2 {
	color: #06922e;
	font-weight: bold;
}
.leftprocomt {
	padding-top: 10px;
	border: 1px solid #ddd;
	border-top: 0;
}
.leftprocomt li {
	float: left;
	text-align: center;
	width: 108px;
	margin-left: 9px;
}
.leftprocomt li img {
	width: 108px;
	height: 81px;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.leftprocomt li p {
	line-height: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.leftprocomt li:hover img {
	-webkkit-filter: brightness(105%);
	filter: brightness(105%);
}
.leftprocomt li:hover p {
	color: #06922e;
}
/*******font-face********/
@font-face {
	font-family: didot;
	src: url('../font/didot.eot');
	src: url('../fonts/didot.eot')format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/didot.woff') format('woff'), /* Modern Browsers */ url('../fonts/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */
}
/*↓组图样式↓*/
.HS10, .HS15 {
	overflow: hidden;
	clear: both;
}
.HS10 {
	height: 10px;
}
.HS15 {
	height: 15px;
}
.Hidden {
	display: none;
}
.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
.FlLeft {
	float: left;
}
.FlRight {
	float: right;
}
/*幻灯片区域背景*/
.MainBg {
	width: 920px;
	margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}
#OriginalPic {
	width: 920px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
#OriginalPic img {
	display: block;
	min-width: 100px;
	margin: 0 auto;
}
/*鼠标手势*/
.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	/*cursor: url(skin/images/CurL.cur), auto;
	background: url(skin/images/space.png) repeat scroll 0 0 transparent;*/
}
.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	/*cursor: url(skin/images/CurR.cur), auto;
	background: url(skin/images/space.png) repeat scroll 0 0 transparent;*/
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 920px;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
}
.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px;
}
.ThumbPicBorder #btnNext {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.ThumbPicBorder .pic {
	width: 755px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}
#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 5px;
	width: 135px;
	height: 108px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #06922e;
}
#ThumbPic li{ display:list-style:none; float:left;}
/*↑组图样式↑*/
.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}


.pagination{ margin:0 10px 10px 15px;line-height:23px;text-align:center;}
.pagination span, .pagination a{font-size:14px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #ccc;color:#787878;padding:5px 10px 5px 10px;text-decoration:none;}
.pagination a:hover{background: #f5a107;border:1px solid #f5bc54;color:#fff;font-size:14px;padding:5px 10px 5px 10px;}
.pagination .current{background: #f5a107;border:1px solid #f5bc54;color:#fff;font-size:14px;padding:5px 10px 5px 10px;}
.page_item{ float:left;}
.links li{ float: left;}